<template>
  <div class="swiper-container" :id="config.id">
    <div class="swiper-wrapper">
      <slot></slot>
    </div>
  </div>
</template>
 
<script>
import Swiper from "swiper";
import "swiper/dist/css/swiper.min.css";

export default {
  props: ["config"],
  mounted() {
    this.$nextTick(() => {
      new Swiper("#"+this.config.id, this.config.info);
    });
  }
};
</script>
<style lang="scss">
.swiper-container {
  height: 200px;
  border: 1px solid red;
}
</style>